<li class="box-item add-item add-excursion ui-state-default" data-target="#AddResourceToWaResourcesGalleryModal" data-toggle="modal" data-remote=<%=add_resource_to_wa_resources_gallery_path(wa_resources_gallery)%>>
  <div class="add_border">
    <div class="container-img">

        <div class="img-box"><i class="fa fa-plus"></i></div>

    </div>
    <div class="caption">
      <div class="name">
        <%=t('workshop.activities.resource_gallery.new_resource')%>
      </div>
      <div class="author"> 
        <span class="by"></span>  
      </div>
      <div class="info-bottom">
        <hr class="soften">
      </div>
    </div>
  </div>
</li>

<div id="AddResourceToWaResourcesGalleryModal" class="modal fade" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
            <h3><%=t('workshop.activities.resource_gallery.add')%></h3>
          </div>
        <div class="modal-body tabs-below">
          <!-- This body is replaced every time the modal is called -->
        </div>
        <div class="modal-footer">
        </div>
    </div>
  </div>
</div>